<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="static/css/css.css"/>
<link href="static/css/MetroJs.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="static/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="static/js/MetroJs.js"></script>
<script type="text/javascript" src="static/js/jquery.placeholder.js"></script>
<script type="text/javascript" src="static/js/tohours.min.js"></script>
<script type="text/javascript" src="static/js/login_pre.js"></script>
<script type="text/javascript">
	$(function() {
	 $('input, textarea').placeholder();
	});
	</script>
<!--[if lt IE 9]>
<script src="http://r.xgimg.net/static/js/vendor/html5.js?v=201310252001"></script>
<![endif]-->
<!--[if IE 6]>
<script src="http://r.xgimg.net/static/js/vendor/pngfix.js?v=201310252001"></script>
<![endif]-->
</head>
<body>
<div class="box">
  <div id="content" class="tiles blue tile-group four-wide">
    <div class="w222"> <img src="static/images/head/left.jpg" class="full" width="185" height="185"  alt="1"/> </div>
    <div class="w459  live-tile"  data-mode="flip" data-delay="4000" >
      <div style="margin:0px;"><img src="static/images/head/middel.jpg" height="185" class="full" /></div>
      <div style="margin:0px;"> <img src="static/images/head/middel-1.jpg"  height="185" class="full"/></div>
    </div>
    <div class="w459" ><img src="static/images/head/right.jpg"  height="185" class="full"/></div>
    <div class="w449"> 
	<img src="static/images/L.jpg" width="161" height="57" style="margin-right: 45%;margin-top:5px;"/>
      <div class="xboxcontentS2" style="margin-right: 10%;	margin-left: 10%;margin-top:10px;margin-bottom:10px;">
          <input type="text" name="idOrSplit" id="idOrSplit" size="30" value="" class="text-input" placeholder="请输入您的证件号" style="outline:none;"/>
      </div>
      <img src="static/images/submit.jpg" width="318"  style="margin-right: 9%;	margin-left: 9%;" border="0" style="cursor:pointer" id="btnLogin"/></div>
    <div class="w222"><img src="static/images/gif.gif" width="185" height="185" /></div>
    <div class="w222 live-tile" data-mode="flip" data-delay="3000" style="margin-right: 7px;">
      <div style="margin:0px;"><img src="static/images/Middle/3.jpg" width="185" height="185" /></div>
      <div style="margin:0px;"><img src="static/images/Middle/3-1.jpg" width="185" height="185" /></div>
    </div>
    <div class="w222"><img src="static/images/Middle/4.jpg" width="185" height="185" /></div>
    <div class="w222"><img src="static/images/footer/1.jpg" width="185" height="185" /></div>
    <div class="w459 wc170"><img src="static/images/footer/2.jpg" width="383" height="185" /></div>
    <div class="w459 live-tile"  data-mode="carousel" data-direction="horizontal" data-delay="2500">
      <div style="margin:0px;"> <img src="static/images/footer/3.jpg" height="185" class="full"  alt="1"/></div>
      <div style="margin:0px;"> <img src="static/images/footer/3-1.jpg" height="185" class="full" alt="2"/></div>
      <div style="margin:0px;"> <img src="static/images/footer/3-2.jpg" height="185" class="full" alt="3"/></div>
    </div>
  </div>
  <div id="info-win"></div>
</div>
<script type="text/javascript">
    $(".live-tile, .flip-list").not(".exclude").liveTile();
</script>
</body>
</html>
